body {
  background-color: #f5f5f5;
}
.error-bg {
  width: 800px;
  height: 400px;
  margin: 120px auto;
  background-image: url("static/images/error-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  .error-title {
    height: 130px;
    img {
      margin-left: 460px;
      margin-top: 60px;
    }
  }
  .error-message {
    height: 100px;
    padding-left: 420px;
    padding-top: 30px;
    p {
      font-family: "microsoft yahei", sans-serif;
      font-size: 18px;
      color: #666;
      img {
        position: relative;
        top: -2px;
        margin-left: 7px;
        margin-right: 12px;
      }
    }
  }
  .error-button {
    button {
      margin-left: 499px;
    }
  }
}
.error-bg-common {
  width: 800px;
  height: 400px;
  margin: 120px auto;
  background-image: url("static/images/error-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  .error-message {
    position: relative;
    padding-left: 420px;
    padding-top: 44px;
    &:before {
      content: url("../images/error-icon.png");
      position: absolute;
      left: 366px;
      top: 76px;
    }
    .summary {
      font-family: "microsoft yahei", sans-serif;
      font-size: 15px;
      color: #ef3c29;
      position: relative;
      overflow-y: auto;
      height: 135px;
      letter-spacing: 1px;
      line-height: 26px;
      font-weight: 900;
      margin: 33px 0;
      padding-right: 7px;
    }
  }
}